//广告图
Vue.component("banner", {
  template: `
    <div>
        <img src="./img/banner.png" alt="">
    </div>`,
});
//正文
Vue.component("arr", {
  template: `
  <div class="div">
        <div v-for="(item,index) in obj" @click="getshow(index)">
            <div><img :src='item.url'></div>
            <div>
                <p class="font">{{item.app}}</p>
                <p>{{item.date}}</p>
                <p>{{item.adrss}}</p>
                <p class='red'>{{item.price}}</p>
            </div>
        </div>
    </div>
        `,

  data() {
    return {
      obj: [
        {
          app: "成都·花火ACGD动漫展",
          url: "/812/img/huahuo.png",
          date: "2020年8月15日",
          adrss: "四川省成都市锦江区",
          price: "￥40：00",
        },
        {
          app: "成都·都江堰动漫展",
          url: "/812/img/iii.png",
          date: "2020年8月15日",
          adrss: "四川省成都市锦江区",
          price: "￥40：00",
        },
        {
          app: "ICE-Celebration",
          url: "/812/img/xiariji.png",
          date: "2020年8月15日",
          adrss: "四川省成都市锦江区",
          price: "￥40：00",
        },
        {
          app: "成都·花火ACGD动漫展",
          url: "/812/img/huahuo.png",
          date: "2020年8月15日",
          adrss: "四川省成都市锦江区",
          price: "￥40：00",
        },
      ],
    };
  },
  methods: {
    getshow(index) {
      this.$emit("geta", this.obj[index].date);
    },
  },
});
const app = new Vue({
  el: "#app",
  data: {
    text: "本地漫展",
    date:""
  },
  methods: {
    getshow(date){
        this.date=date
        alert(this.date);
    }
  },
});